<%@page import="java.util.Date"%>
<%@ page language="java" contentType= "text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta http-equiv="expires" content="0">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">

	<title>贷款申请</title>
	<!-- Path to Framework7 Library CSS-->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/f7/framework7.ios.min.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/f7/framework7.ios.colors.min.css">
	<!-- Path to your custom app styles-->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/f7/my-app.css">

	<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/jquery-1.8.3.js"></script>
	<script type='text/javascript' src='${pageContext.request.contextPath}/dwr/engine.js'></script>
	<script type='text/javascript' src="${pageContext.request.contextPath}/dwr/util.js"></script>
	<script type='text/javascript' src='${pageContext.request.contextPath}/dwr/interface/customerRegisterService.js'></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/idcardutil.js"></script>
	<style type="text/css">
		@font-face
		{
			font-family: myFirstFont;
			src: url('Sansation_Light.ttf'),
			url('Sansation_Light.eot'); /* IE9+ */
		}
		.describe{
			font-family: arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;
			/* border:2px solid #a1a1a1;*/
			padding:10px 40px;
			margin-top: 56px;
			font-size: 17px;
			/* text-shadow: 0 0 20px red; */
		}
	</style>
</head>
	<body>
	<input type="hidden" id="terminalTypeId" name="terminalTypeId" value="${terminalTypeId}"/>
    <input type="hidden" id="loanUserId" value=""/>
		<div class="views" >
			<div class="view view-main" >
				<div class="pages" >
					<!-- 首页 贷款手机号登录 -->
					<div data-page="pageCheckPhoneNo" class="page">
						<div class="page-content" style="text-align:center;background:#ffffff;">
							<img src="${pageContext.request.contextPath}/image/f7/logo_112_wkzf.png" width="100px" style="margin-top:50px;margin-bottom:20px;"/>
							<div class="myLoginFieldsBorder">
								<input class="myLoginFields username" type="tel" maxlength="11" name="phoneNo" id="phoneNo"
									   style=" border-left-style: solid;" value="" placeholder="请输入注册手机号"/>
							</div>
							<div class="myLoginFieldsBorder">
								<input class="myLoginFields password" type="password" name="password" id="password"
									   style=" border-left-style: solid;" autocomplete="off" value="" placeholder="请输入密码"/>
							</div>
							<div class="item-input"
								 style="width:95%;margin-top:15px;margin-bottom:20px;text-align: right;">
								<a href="#pageForgetPswd" class="list-button item-link mf-nopadding">忘记密码</a>
							</div>
							<div class="item-input" style="width:90%;margin:0 auto;">
								<a href="#" id="loanNextStepBtn" class="button button-big button-fill color-mfblue disabled">下一步</a>
							</div>
							<div class="describe" >
							  <span>
								兴业银行、腾讯携手指尖赚打造安全、快速、第一无卡支付品牌！
							  </span>
							</div>
						</div>
					</div>
					<!-- 忘记密码页-->
					<div data-page="pageForgetPswd" class="page  cached">
						<div class="page-content" style="text-align:center;background:#ffffff;">
							<div style="background:#3b98d4;color:#ffffff;width:100%; height:50px">
								<div style='position:absolute;top:14px;left:10px;font-size:17px'>
									<a href="#pageCheckPhoneNo" style="color:#ffffff;"><b>〈</b>返回</a>
								</div>
								<div style='position:absolute;top:14px;left:45%;font-size:17px'>
									<div class="center">忘记密码</div>
								</div>
							</div>
							<img src="${pageContext.request.contextPath}/image/f7/logo_112_wkzf.png" width="120px" style="margin-top:50px;margin-bottom:20px;"/>
							<div class="myLoginFieldsBorder">
								<input class="myForgetFields username" type="tel" name="phoneNo" id="fp_phoneNo" value=""
									   style=" border-left-style: solid;" placeholder="请输入注册手机号"/>
							</div>
							<div class="myLoginFieldsBorder">
								<table border="0" cellspacing="0" cellpadding="0">
									<tr>
										<td>
											<input class="myForgetFields valicode" type="tel" name="valiCode" id="imgValiCode"
												   value="" style=" border-left-style: solid;" placeholder="请输入验证码"/>
										</td>
										<td>
											<div class="mf-valicode-btn" >
												<a href="#" id="getLoanValiCodeBtn"
												   class="list-button item-link mf-nopadding disabled">获取验证码</a>
											</div>
										</td>
									</tr>
								</table>
							</div>
							<div class="item-input" style="width:90%;margin:0 auto;margin-top:20px;">
								<a href="#" id="forgetPswdBtn"
								   class="button button-big button-fill color-mfblue disabled">下一步</a>
							</div>
						</div>
					</div>
					<!-- 重设密码页面 -->
					<div class="page  cached" data-page="pageResetPswd">
						<div class="page-content" style="text-align:center;background:#ffffff;">
							<div style="background:#3b98d4;color:#ffffff;width:100%; height:50px">
								<div style='position:absolute;top:14px;left:10px;font-size:17px'>
									<a href="#pageForgetPswd" style="color:#ffffff;"><b>〈</b>返回</a>
								</div>
								<div style='position:absolute;top:14px;left:45%;font-size:17px'>
									<div class="center">重置密码</div>
								</div>
							</div>

							<div class="list-block">
								<ul>
									<li>
										<div class="item-content">
											<div class="item-media"><i class="icon icon-form-password"></i></div>
											<div class="item-inner">
												<div class="item-input">
													<input class="loanPswd" type="password" name="password" id="loan_password"
														   autocomplete="off" placeholder="输入密码"/>
												</div>
											</div>
										</div>
									</li>
									<li>
										<div class="item-content">
											<div class="item-media"><i class="icon icon-form-password"></i></div>
											<div class="item-inner">
												<div class="item-input">
													<input class="loanPswd" type="password" name="passwordConfirm"
														   id="loan_password2" autocomplete="off" placeholder="再次确认密码"/>
												</div>
											</div>
										</div>
									</li>
								</ul>
							</div>
							<div class="content-block" style="margin-top:10px">密码由6-12位英文字母、数字组成</div>
							<div class="item-content">
								<div class="item-inner mf-noborder">
									<div class="item-input" style="margin-top: 10px;margin-right: 15px;margin-left: 15px">
										<a href="#" id="resetPswdBtn"
										   class="button button-big button-fill color-mfblue disabled">提交</a>
									</div>
								</div>
							</div>
						</div>
					</div>



						<!-- 填写贷款基本信息页面 -->
						<div class="page  cached" data-page="pageLoanBaseInfo" style="background-color: #ffffff">
							<div class="page-content">
								<div style="background:#3b98d4;color:#ffffff;width:100%; height:50px">
                                    <div style='position:absolute;top:14px;left:10px;font-size:17px'>
                                        <a href="#pageCheckPhoneNo" style="color:#ffffff;"><b>〈</b>返回</a>
                                    </div>
                                    <div style='position:absolute;top:14px;left:45%;font-size:17px'>
										<div class="center">指尖赚</div>
                                    </div>
                                </div>
								<div class="list-block" style="margin-bottom:10px; ">
									<ul>

										<li>
											<div class="item-content ">
												<div class="item-media"><i class="icon icon-form-usrname"></i></div>
												<div class="item-inner">
													<div class="item-input">
														<input class="loanSettleAccInfo" type="text" name="customerName" id="customerName" value=""/>
													</div>
												</div>
											</div>
										</li>
										<li>
											<a href="#" class="item-link smart-select" id="ss-cussettleinfo-provinc" data-back-text="返回" data-back-on-select="true"/>
											<select class="loanSettleAccInfo mySelect" id="job" name="job"></select>
											<div class="item-content">
												<div class="item-media"><i class="icon icon-form-job"></i></div>
												<div class="item-inner">
													<div class="item-title">职业身份</div>
													<div class="item-after smart-select-value">请选择</div>
												</div>
											</div>
										</li>
										<li id="provinceSelectLi">
											<a href="#" class="item-link smart-select" id="ss-cussettleinfo-province" data-back-text="返回" data-back-on-select="true">
												<select class="mySettleAccInfo mySelect" id="cusSettleProvinceLoan" name="cusSettleProvince" ></select>
												<div class="item-content">
													<div class="item-media"><i class="icon icon-form-lc-basic"></i></div>
													<div class="item-inner">
														<div class="item-title">所在地区省</div>
														<!-- Additional "smart-select-value" class to set selected option depending on this text value -->
														<div class="item-after smart-select-value" id="loanProvince"></div>
													</div>
												</div>
											</a>
										</li>
										<li id="citySelectLi">
											<a href="#" class="item-link smart-select" id="ss-cussettleinfo-city" data-back-text="返回" data-back-on-select="true">
												<select class="loanSettleAccInfo mySelect" id="cusSettleCity" name="cusSettleCity"></select>
												<div class="item-content">
													<div class="item-media"><i class="icon icon-form-lc-district"></i></div>
													<div class="item-inner">
														<div class="item-title">所在地区市</div>
														<!-- Additional "smart-select-value" class to set selected option depending on this text value -->
														<div class="item-after smart-select-value" id="loanCity"></div>
													</div>
												</div>
											</a>
										</li>
										<li>
											<div class="item-content">
												<div class="item-media"><i class="icon icon-form-money"></i></div>
												<div class="item-inner">
													<div class="item-input" style="float:left">
														<input class="loanSettleAccInfo" type="text" name="amount" id="amount" value="" placeholder="贷款额度" />
													</div>
													<div style="float:right;height:28px;width:40%;color: #89878d">
														<center>（万元）</center>
													</div>
												</div>
											</div>
										</li>
										<li>
											<a href="#" class="item-link smart-select" id="ss-cussettleinfo-provi" data-back-text="返回" data-back-on-select="true" >
												<select class="loanSettleAccInfo mySelect" id="loanDate" name="loanDate"></select>
												<div class="item-content">
													<div class="item-media"><i class="icon icon-form-time"></i></div>
													<div class="item-inner">
														<div class="item-title">贷款期限</div>
														<div class="item-after smart-select-value">请选择</div>
													</div>
												</div>
											</a>
										</li>
										<input class="myBaseInfo" type="hidden" id="cusIDFront" capture="camera" accept="image/*" name="cusIDFront"/>
										<input class="myBaseInfo" type="hidden" id="cusIDBack" name="cusIDBack"/>
										<input class="myBaseInfo" type="hidden" id="cusHoldIDFront" name="cusHoldIDFront"/>
									</ul>
								</div>
								<div class="item-content">
									<div class="item-inner mf-noborder">
										<div class="item-input" style="margin-top: 10px;margin-right: 15px;margin-left: 15px">
											<a href="#"  id="loanNextBtn" class="button button-big button-fill color-mfblue disabled">下一步</a>
										</div>
									</div>
								</div>
							</div>
						</div>

						<!-- 工薪族信息页面 -->
						<div class="page  cached" data-page="pageGongxin"  style="background-color: #ffffff">
						<div class="page-content" >
                            <div style="background:#3b98d4;color:#ffffff;width:100%; height:50px">
                                <div style='position:absolute;top:14px;left:10px;font-size:17px'>
                                    <a href="#pageLoanBaseInfo" style="color:#ffffff;"><b>〈</b>返回</a>
                                </div>
                                <div style='position:absolute;top:14px;left:45%;font-size:17px'>
									<div class="center">工薪族</div>
                                </div>
                            </div>
							<div class="list-block mf-noborder">
								<ul>
									<li>
										<a href="#" class="item-link smart-select" id="" data-back-text="返回" data-back-on-select="true">
											<select class="GxInfo mySelect" id="jobType" name="jobType"></select>
											<div class="item-content" style="background-color: #ffffff">
												<div class="item-media" ><i class="icon icon-form-job"></i></div>
												<div class="item-inner" >
													<div class="item-title">单位类型</div>
													<div class="item-after smart-select-value">请选择</div>
												</div>
											</div>
										</a>
									</li>

									<li>
										<a href="#" class="item-link smart-select" id="" data-back-text="返回" data-back-on-select="true">
											<select class="GxInfo mySelect" id="jobYears" name="jobYears"></select>
											<div class="item-content" style="background-color: #ffffff">
												<div class="item-media"><i class="icon icon-form-time"></i></div>
												<div class="item-inner">
													<div class="item-title">现单位工作年限</div>
													<div class="item-after smart-select-value">请选择</div>
												</div>
											</div>
										</a>
									</li>
									<li>
										<div class="item-content" style="background-color: #ffffff">
											<div class="item-media"><i class="icon icon-form-money"></i></div>
											<div class="item-inner">
												<div class="item-input" style="float:left">
													<input class="GxInfo" id="salary" name="salary" type="text"  value="" placeholder="税前月收入"/>
												</div>
												<div style="float:right;height:28px;width:40%;color: #89878d">
													<center>（元）</center>
												</div>
											</div>
										</div>
									</li>
								</ul>
							</div>
							<div class="item-content">
								<div class="item-inner mf-noborder">
									<div class="item-input" style="margin-top: 10px;margin-right: 15px;margin-left: 15px">
										<a href="#"  id="loanGongxinSubmitBtn" class="button button-big button-fill color-mfblue disabled" >提交申请</a>
									</div>
								</div>
							</div>
						</div>
					</div>
						<!-- 企业主信息页面 -->
						<div class="page  cached" data-page="pageQiye" style="background-color: #ffffff">
							<div class="page-content">
                                <div style="background:#3b98d4;color:#ffffff;width:100%; height:50px">
                                    <div style='position:absolute;top:14px;left:10px;font-size:17px'>
                                        <a href="#pageLoanBaseInfo" style="color:#ffffff;"><b>〈</b>返回</a>
                                    </div>
                                    <div style='position:absolute;top:14px;left:45%;font-size:17px'>
										<div class="center">企业主</div>
                                    </div>
                                </div>
								<div class="list-block mf-noborder">
									<ul>
										<li>
											<div class="item-content" style="background-color: #ffffff">
												<div class="item-media"><i class="icon icon-form-money"></i></div>
												<div class="item-inner">
													<div class="item-input" style="float:left">
														<input class="QyInfo" type="text" name="q_yearSalary" id="q_yearSalary" value="" placeholder="年销售额"/>
													</div>
													<div style="float:right;height:28px;width:40%;color: #89878d">
														<center>（万元）</center>
													</div>
												</div>
											</div>
										</li>
										<li>
											<a href="#" class="item-link smart-select" id="" data-back-text="返回" data-back-on-select="true">
												<select class="QyInfo mySelect" id="q_sellYears" name="sellYears"></select>
												<div class="item-content" style="background-color: #ffffff">
													<div class="item-media"><i class="icon icon-form-time"></i></div>
													<div class="item-inner">
														<div class="item-title">经营年限</div>
														<div class="item-after smart-select-value">请选择</div>
													</div>
												</div>
											</a>
										</li>
										<li>
											<a href="#" class="item-link smart-select" id="" data-back-text="返回" data-back-on-select="true">
												<select class="QyInfo mySelect" id="houseSum" name="houseSum"></select>
												<div class="item-content" style="background-color: #ffffff">
													<div class="item-media"><i class="icon icon-form-house"></i></div>
													<div class="item-inner">
														<div class="item-title">本地房产数量</div>
														<div class="item-after smart-select-value">请选择</div>
													</div>
												</div>
											</a>
										</li>
									</ul>
								</div>
								<div class="item-content">
									<div class="item-inner mf-noborder" >
										<div class="item-input" style="margin-top: 10px;margin-right: 15px;margin-left: 15px">
											<a href="#" id="loanQiyeSubmitBtn" class="button button-big button-fill color-mfblue disabled" >提交申请</a>
										</div>
									</div>
								</div>
							</div>
						</div>


						<!-- 网络商户信息页面 -->
						<div class="page  cached" data-page="pageWangluo" style="background-color: #ffffff">
						<div class="page-content">
                            <div style="background:#3b98d4;color:#ffffff;width:100%; height:50px">
                                <div style='position:absolute;top:14px;left:10px;font-size:17px'>
                                    <a href="#pageLoanBaseInfo" style="color:#ffffff;"><b>〈</b>返回</a>
                                </div>
                                <div style='position:absolute;top:14px;left:45%;font-size:17px'>
									<div class="center">网络商户</div>
                                </div>
                            </div>
							<div class="list-block mf-noborder">
								<ul>
									<li>
										<div class="item-content" style="background-color: #ffffff">
											<div class="item-media"><i class="icon icon-form-shop"></i></div>
											<div class="item-inner">
												<div class="item-input">
													<input class="WangluoInfo" id="shopName" name="shopName" type="text"  value="" placeholder="店铺名称"/>
												</div>
											</div>
										</div>
									</li>

									<li>
										<a href="#" class="item-link smart-select" id="" data-back-text="返回" data-back-on-select="true">
											<select class="WangluoInfo" id="platform" name="platform"></select>
											<div class="item-content" style="background-color: #ffffff">
												<div class="item-media"><i class="icon icon-form-bankname"></i></div>
												<div class="item-inner">
													<div class="item-title">所在平台</div>
													<div class="item-after smart-select-value">请选择</div>
												</div>
											</div>
										</a>
									</li>
									<li>
										<a href="#" class="item-link smart-select" id="" data-back-text="返回" data-back-on-select="true">
											<select class="WangluoInfo mySelect" id="w_sellYears" name="sellYears"></select>
											<div class="item-content" style="background-color: #ffffff">
												<div class="item-media"><i class="icon icon-form-time"></i></div>
												<div class="item-inner">
													<div class="item-title">经营年限</div>
													<div class="item-after smart-select-value">请选择</div>
												</div>
											</div>
										</a>
									</li>
									<li>
										<div class="item-content" style="background-color: #ffffff">
											<div class="item-media"><i class="icon icon-form-money"></i></div>
											<div class="item-inner" >
												<div class="item-input" style="float:left">
													<input class="WangluoInfo" id="w_yearSalary" name="yearSalary" type="text"  value="" placeholder="年销售额"/>
												</div>
												<div style="float:right;height:28px;width:40%;color: #89878d">
													<center>（万元）</center>
												</div>
											</div>
										</div>
									</li>
									<li>
										<div class="item-content" style="background-color: #ffffff">
											<div class="item-media"><i class="icon icon-form-success"></i></div>
											<div class="item-inner" >
												<div class="item-input" style="float:left">
													<input class="WangluoInfo" id="sucSum" name="sucSum" type="text"  value="" placeholder="月成交笔数"/>
												</div>
												<div style="float:right;height:28px;width:40%;color: #89878d">
													<center>（笔）</center>
												</div>
											</div>
										</div>
									</li>
								</ul>
							</div>
							<div class="item-content">
								<div class="item-inner mf-noborder">
									<div class="item-input" style="margin-top: 10px;margin-right: 15px;margin-left: 15px">
										<a href="#"  id="loanWangluoSubmitBtn" class="button button-big button-fill color-mfblue disabled" >提交申请</a>
									</div>
								</div>
							</div>
						</div>
					</div>

						<!-- 贷款申请成功页面 -->
						<div class="page  cached" data-page="pageLoanSuccess" style="background-color: #ffffff">
							<div class="page-content">
                                <div style="background:#3b98d4;color:#ffffff;width:100%; height:50px">
                                    <div style='position:absolute;top:14px;left:40%;font-size:17px'>
										<div class="center">申请成功</div>
                                    </div>
                                </div>
								<div class="tabs" >
									<div class="list-block" >
										<div class="item-content" style="background-color: #ffffff">
											<div class="item-media" >
												<div style="font-size:17px" >
													<center>申请已成功提交，请耐心等待审核！</center>
												</div>
												<input class="mySettleAccInfo"  type="hidden" name="cusBizLisence" id="cusBizLisence"/>
												<input class="mySettleAccInfo"  type="hidden" name="cusHoldCardFront" id="cusHoldCardFront"/>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
				</div>
		</div>
			<div class="popup popup-about1" style="display: none;">
				<div class="view navbar-fixed">
					<div class="pages">
						<div class="page">
							<div class="navbar">
								<div class="navbar-inner">
									<div class="center" style="left: 111.5px;">微商服务协议</div>
									<div class="right"><a href="#" class="link close-popup">确认</a></div>
								</div>
							</div>
							<div class="page-content">
								<iframe src="${pageContext.request.contextPath }/consult.html" width="100%" height="100%" style="border: 0;"></iframe>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Path to Framework7 Library JS-->
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/f7/framework7.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/dist/lrz.all.bundle.js"></script>
		<!-- Path to your app js-->
		<%-- <script type="text/javascript" src="${pageContext.request.contextPath}/js/mobileBUGFix.mini.js"></script>--%>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/LocalResizeIMG.js"></script> 
		
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/f7/my-app.js?<%=new Date().getTime()%>"></script>

	</body>
</html>